<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <title>Decide For Me</title>
   <!-- Blueprint CSS Framework -->
   <link rel="stylesheet" href="/stylesheets/blueprint/screen.css" type="text/css" media="screen, projection">
   <link rel="stylesheet" href="/stylesheets/blueprint/print.css" type="text/css" media="print">
   <!--[if IE]><link rel="/stylesheet" href="stylesheets/blueprint/lib/ie.css" type="text/css" media="screen, projection"><![endif]-->
   <link rel="stylesheet" href="/stylesheets/blueprint/plugins/fancy-type/fancy-type.css" type="text/css" media="screen, projection">

   <style type="text/css" media="screen">
    <!--
    .ask  {
        text-align:right;
        background: #D5DDF3;
        color: #3366CC;
        border: 2px solid #598CEF;
        height: 6.5em;
        padding:1em;
     }

     .questions_container {
        height: 12em;
        overflow:auto;
        margin-top: 1em;
        margin-bottom: 1em;
        padding: 1em;
        border: 2px solid #598CEF;
      }

     -->
   </style>

</head>

<body>

  <div class="container">

  <h1>Decide For Me</h1>
  <hr/>

    <div class="column span-3 colborder">
      <h3>Topics</h3>
      <ul>
        <li><a href="/">All</a></li>
        {% for topic in topics %}
          <li><a href="/?t={{topic.key}}">{{topic.text|capfirst}}</a></li>
        {% endfor %}
      </ul>

    </div>

    <div class="questions column span-12 border">

    <h2>1: Pick A Question</h2>
      <div class="questions_container column span-10">
      <div class="questions_canvas">
      <ul>
        {% for question in questions %}
          <li>
            <a href="/?q={{question.key}}">{{question.text}}</a>
          </li>
        {% endfor %}
      </ul>
      </div>
      </div>
      <div class="ask column span-10">
      <label>Ask a new question</label>
      <form action="/q" method="post">
        <label>Question</label>: <input type="text" name="question_text" value=" " size="40"></input><br/>
        <label>Topics</label>: <input type="text" name="question_topics" value=" " size="40"></input><br/>
        <small class="quiet">Separate topics by spaces</small>
      </form>
    </div>


  <hr class="space"/>
  <hr/>


    <h2>2: Get An Answer</h2>

     <h2 class="alt">{{ question.text }}</h2>

     <small>
       Topics:
       {% for qt in question_topics %}
          {{ qt }} &nbsp;
       {% endfor %}
     </small><br/>

   {% if answer %}

     <div class="success">
       {{ answer.text }}
       <br/>
       <small>[score: {{ answer.rating }}]</small>
     </div>
     <div class="column span-3">
       Was this helpful?
     </div>
     <div class="column span-1">
     <form action="/a/{{answer.key}}" method="post">
       <input type="hidden" name="vote" value="1"></input>
       <input type="hidden" name="question_key" value="{{ question.key }}"></input>
       <input type="submit" value="Yes"></input>
     </form>
     </div>
     <div class="column span-1">
     <form action="/a/{{answer.key}}" method="post">
       <input type="hidden" name="vote" value="-1"></input>
       <input type="hidden" name="question_key" value="{{ question.key }}"></input>
       <input type="submit" value="No"></input>
     </form>
     </div>

   {% else  %}

     <div class="notice">
       No answer has yet been provided!  Help out by giving your own suggestion below!
     </div>

   {% endif %}

   <hr class="space">

   <p>
       Don't like this suggestion?  Get a <a href="/?q={{question.key}}">different answer</a>.
   </p>

   <form action="/q/{{question.key}}" method="post">
     <label>Suggest Your Own Answer:</label><br/>
     <textarea name="answer_text" value=" "></textarea><br/>
     <input type="submit"></input>
   </form>

   <hr class="space">

 </div> <!-- end of the main content column -->


 <div class="column span-6 last">

      <h2 class="alt">Cure for Decision Apathy!</h2>

      <div style="padding-left:1em;">

      <p>
         What's this all about, you ask?
      </p>
      <p>
        We've all been there before.  Staring blankly into the face of
        questions we are unprepared to answer.  Wondering what to eat,
        what to wear, what to read and watch.  It's the bane of modern
        existance; no longer struggling to barely survive each day, we
        are now tasked at chosing choices trivial to significant.
      </p>
      <p>
        How much precious time has been squandered as the rounds of
        apathy circle from peer to peer as no one steps forward to
        decide where to eat for lunch?  Is there no end?  Is there no
        salvation?
      </p>
      <p>
        Thanks to the wonders of the Internet, a solution <em>has
        arrived</em>!  This magificent website will solve all your
        life's problems.  Simply ask the question that haunts you
        and, <strong>behold!</strong> the wisdom of the crowds will
        answer you.
      </p>
      <p>
        This no mean feat is accomplished using the most advanced
        technology on the planet today.  Your satisfaction is
        guaranteed, or your money back!  So, what are you waiting for?
        Let go of the burden of decision responsibility and let the
        Interwebs decide for you today!
      </p>
      <h4>But it gets better!</h4>
      <p>
        <em>Decide For Me</em> cannot only solve your daily decision
        needs, but also help in your technical evaluations.  Decide
        For Me is an <strong>open source project</strong> that
        showcases different web framework platforms.  If you're
        interested in comparing the lastest web fads, come
        <a href="http://code.google.com/p/decide/">join us</a>!
      </p>

      </div>

  </div> <!-- end of the sidebar -->

  <hr/>
  <div class="column span-24 last">
    <p class="quiet">
      Decide-For-Me originally developed
      by <a href="http://www.jadetower.com">JadeTower</a>.  Source
      code is released under the
      <a href="http://www.apache.org/licenses/LICENSE-2.0">
        Apache License, Version 2.0.
      </a>
      This version developed and deployed on
      <a href="http://code.google.com/appengine/">Google AppEngine</a>.
    </p>
  </div>

 </div> <!-- end of the container DIV -->

</body>
</html>

